<!-- 靠底部地图工具栏 -->
<template>
  <div id="mapToolsId" class="map-tool">
  </div>
</template>
<script>

</script>
<style lang="less">
/** 底固定栏 */
.foot-div{
  .bottom-player{
    width: 100%;
    bottom: 0;
    //height: 180px;
    background-color: #ffffff;
    z-index: 99;
    position: absolute;

  };
  .hight180{
    height: 180px;
  };
  .hight0{
    height: 0px;
  }
}
/** 底部按钮 */
.foot-btn-div {
  .foot-button {
    position: absolute;
    /*    height: 100%;
        position: relative;*/

    width: 60px;
    height: 24px;
    left:50%;
    //bottom:0;
    background: #7cc3fd;
    -webkit-box-shadow: -1px -1px 5px 1px rgba(0, 0, 0,0.2);
    box-shadow: -1px -1px 5px 1px rgba(0, 0, 0,0.2);
    text-align: center;
    line-height: 35px;
    vertical-align: top;
    margin-top: 11px;
    border: 1px solid #e5e3dd;
    border-bottom: none;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    i{
      font-size: .2rem;
      color: #fff;
    }
  };
  .bottom180{
    bottom:180px;
  }
  .bottom0{
    bottom:0;
  }
}
</style>
